<ul class="pagination pagination-sm no-margin pull-right">
    <li><a class="first">首页</a></li>
	<li><a class="pre">上一页</a></li>
	<li><a class="next">下一页</a></li>
	<li><a class="last">尾页</a></li>
	<li><a class="rowCount">总记录数(0)</a></li>
	<li><a class="pageCount">总页数(0)</a></li>
	<li><a class="pageCurrent">当前页(1)</a></li>
</ul>
<script type="text/javascript">
	$(()=>{
		//在pageId对象上注册click事件，当点击pageId对象对应的子元素时，执行doJumpToPage函数
		$("#pageId").on("click",".first,.pre,.next,.last",doJumpToPage);

	})
	//分页事件处理函数
	function doJumpToPage() {
		//1，获取被点击对象的class属性值
		//prop为jquery中获取对象属性或为属性赋值的一个函数
		//基本语法为：prop（属性名【，属性值】）；假如没有指定属性值则表示获取属性值
		let cls=$(this).prop("class");//$(this)指向被点击的对象
		console.log(cls);
		//2，基于class属性值修改当前页码值
		//2.1，获取当前页码值以及总页码值
		let pageCurrent=$("#pageId").data("pageCurrent");
		let pageCount=$("#pageId").data("pageCount");
		//2.2，修改当年前页码值
		if (cls=="first"){
			pageCurrent=1
		}else if (cls=="pre"&&pageCurrent>1){
			pageCurrent--;
		}else if (cls=="next"&&pageCurrent<pageCount){
			pageCurrent++;
		}else if (cls=="last"){
			pageCurrent=pageCount;
		}else {
			return;
		}
		//3，基于新的页码值重新执行查询
		$("#pageId").data("pageCurrent",pageCurrent);
		doGetObjects();
	}
	//初始化页面上的分页信息
	function doSetPagination(pageObject) {
		$(".rowCount").html(`总记录数(${pageObject.rowCount})`);
		$(".pageCount").html(`总页数(${pageObject.pageCount})`);
		$(".pageCurrent").html(`当前页(${pageObject.pageCurrent})`);


		$("#pageId").data("pageCurrent",pageObject.pageCurrent);
		$("#pageId").data("pageCount",pageObject.pageCount);
	}
</script>








